<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javascript" src="../../zxt/zxt.js"></script>
  <script>
    	importZXT("../../zxt");
  </script>	
  <style>
  	#labelE12 .zxt-Label{word-wrap:normal}
  </style>
  
</head>

<body>
	<div>label</div>
	<div id="labelE11" zxt="zxt.ui.Label" zxt.value="AAAAAAAA" style="width:100px"></div>
	
	<hr>
	<div>不折行的label</div>
	<div id="labelE12" zxt="zxt.ui.Label" zxt.value="AAAAAAAAAAAAAAAAAAAAAAAAA" style="width:100px;"></div>
	
	<hr>
	<div>label中文</div>
	<div id="labelC1" zxt="zxt.ui.Label" zxt.value="中文" style="width:100px"></div>

	<hr>
	<div>label特定值时隐藏不显示</div>
	<div id="labelZ" zxt="zxt.ui.Label" zxt.value="0" zxt.hide="0" style="width:100px"></div>

	<hr>
	<div>label的左补零</div>
	<div id="label1" zxt="zxt.ui.Label" zxt.value="5" zxt.conf="PadLength:6,Format:'$LABEL$ $VALUE$'" zxt.labelonly="false">
		<div zxt.option="1" zxt.label="正常"></div>
		<div zxt.option="*" zxt.label="失败 $VALUE$"></div>
	</div>
	
	<hr>
	<div>label的值描述显示</div>
	<div id="label2" zxt="zxt.ui.Label" zxt.value="5" zxt.labelonly="false">
		<div zxt.option="*" zxt.label="------$VALUE$"></div>
	</div>
	<table>
		<tr>
			<td>getType()</td>
			<td>返回控件类型</td>
			<td><input type="button" name="getType" value="getType" 
				onclick="alert('标签控件的type为'+$zxtUI.label1.getType());"/></td>
		</tr>
		<tr>
			<td>getValue(v)</td>
			<td>获取Value值</td>
			<td><input type="button" name="getValue" value="getValue" 
				onclick="alert('第六个标签控件的getValue为'+$zxtUI.label2.getValue());"/></td>
		</tr>
		<tr>
			<td>getLabel(v)</td>
			<td>获取Label值</td>
			<td><input type="button" name="getLabel" value="getLabel" 
				onclick="alert('第六个标签控件的getLabel为'+$zxtUI.label2.getLabel());"/></td>
		</tr>
		<tr>
			<td>html()</td>
			<td>返回标签的HTML内容</td>
			<td><input type="button" name="html" value="html" 
				onclick="alert('第六个标签控件的html为'+$zxtUI.label2.html());"/></td>
		</tr>
	</table>
	<div><a href="../index.html">返回</a></div>

</body>
	
<script>

	$zxt.init();

</script>	


